import { onMounted } from 'vue'


class CssVar{
    _cssKey:string
    _cssValue:string
    constructor(cssVar:string){
        console.log('cssValue',document.documentElement.style.getPropertyValue('--size'))
        this._cssValue=document.documentElement.style.getPropertyValue(cssVar)
        this._cssKey=cssVar
     
    } 
    get value(){
        return this._cssValue
    } 
    set value(value){
        console.log('set value',value)
        console.log('get value',this._cssKey)
        document.documentElement.style.setProperty(this._cssKey,value)
    }

}

export default function( options :string):CssVar{
   return new CssVar(options,'12312')
}